<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Class选择器</title>
    <style type = "text/css">
        .class01{
            border:1px yellow solid;
            color: red;
            font-size:30px;
            height:100px;
        }
        .class02{
            border:1px red solid;
            font-size:26px;
            color:silver;
        }
    </style>
</head>
<body>
<!--需求 1：修改 class 属性值为 class01 的 span 或 div 标签，字体颜色为蓝色，字体大小 30 个像素。边框为 1 像素黄色实线。-->
<!--需求 2：修改 class 属性值为 class02 的 div 标签，字体颜色为灰色，字体大小 26 个像素。边框为 1 像素红色实线。-->
    <div class = "class01">标签1</div>
    <div class = "class02">标签2</div>
    <span class = "class01">标签3</span>
    <span>标签4</span>
</body>
</html>